<!-- 首页最新资讯模块 -->
<template>
	<div class="work">
		<div class="contains">
			<el-tabs v-model="activeWork" class="post">
				<el-tab-pane name="hot" >
					<span slot="label" :class="{'fontSize':true}">最新资讯 </span>
					<InfoList  :infoSort="infos" />
				</el-tab-pane >
			</el-tabs>
		</div>
	</div>
</template>

<script type="">
import {Info} from '@/model/info'
import InfoList from '@/component/index/InfoList.vue'
export default{
	components:{
		InfoList,
	},
	data(){
		return {
			activeWork:'hot',
			infos:[],
		}
	},
	methods:{
	},
	async mounted() {
		const res = await Info.pages(0)
		this.infos = res.items
	},
}
</script>

<style lang="scss">
$nx-width:76.25rem;
$nx-color2:#0470B8;
.fontSize{
	font-size: 1rem;
}
.work{
	width: 100%;
	.contains{
		width: $nx-width;
		margin:0 auto ;
		.post{
			padding:1rem;
		}
	}
}
</style>
